			#bodystyle{
				background-image: url(images/mosaic.png);
				margin: 0;
				width: 100%;
				height: 100%;
				position: relative;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			@font-face {
			  font-family: 'FontAwesome';
			  src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
			  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
			  font-weight: normal;
			  font-style: normal;
			}
			.icon{
				font-family: fontawesome;
				font-size: 26px;
			}
			#top{
				width: 100%;
				height: 55px;
				padding: 0;
				margin: 0;
				border: 0;
				background-color: white;
				position: fixed;
				top:0;
				z-index:1000;
				float: right;
			}
			#NAVBAR{
				width: 100%;
				height: 55px;
				display: flex;
				align-items: center;
				justify-content: space-around;
			}
			#NAVBAR #logo{
				width: 30%;
				height: 55px;
			}
			#LOGO{
				width: 40%;
				height: 45px;
				color: white;
				font-size: 20px;
				font-weight: 400;
				background-color: black;
				text-align: center;
				margin-left: 75px;
				float: left;
				border-radius: 5px;
				transition: all 1.5s linear;
				padding-top: 10px;
			}
			#LOGO:hover{
				margin-left: 200px;
				transform: rotateY(360deg);
			}

			#NAVBAR #CONTENTS{
				width: 44%;
				height: 55px;
				margin-right: 20px;
			}
			#NAVBAR #CONTENTS ul{
				margin: 0 0 10px 0;
				float: left;
				padding: 0;
				width: 19%;
				height: 55px;
			}
			#NAVBAR #CONTENTS ul p{
				border-right: 1px gray solid;
				text-align: center;
				font-size: 18px;
				height: 18px;
				font-weight: bold;
				cursor: pointer;
			}
			#NAVBAR #CONTENTS ul li{
				list-style: none;
				font-size: 14px;
				line-height: 17px;
				border-right: 1px dimgray solid;
				border-left: 1px dimgray solid;
				border-radius: 2px;
				text-align: center;
				cursor:pointer;
				background-color: white;
				padding: 10px;
				display: none;
			}
			#NAVBAR #CONTENTS ul  #contents-present{
				color: dimgray;
			}
			#NAVBAR #CONTENTS ul:hover li{
				display: block;
			}
			#NAVBAR #CONTENTS ul:hover p{
				color: gray;
			}
			#NAVBAR #CONTENTS ul li:hover{
				font-size: 16px;
				color: #696969;
				border-bottom: 1px dimgray solid;
			}
			#NAVBAR #SEARCH{
				display: flex;
				align-items: center;
				width: 15%;
			}
			#NAVBAR #SEARCH input{
				margin-left: 15px;
				height: 25px;
				width: 60%;
			}
			#NAVBAR #USER{
				width: 15%;
				display: flex;
				align-items: center;
			}
			#NAVBAR #USER a{
				text-decoration: none;
				color: cadetblue;
				margin-left: 15px;
			}
			#mid_hot{
				width: 100%;
				height: 1000px;
				margin-top: 100px;
			}
			#mid_title1,#mid_title2{
				position: relative;
				font-size: 20px;
				font-weight: bold;
				color: white;
				width: 75%;
				height: 30px;
				border-bottom: 1px white solid;
				margin: 20px auto;
			}
			#mid{
				width: 1200px;
				height: 800px;
				margin: 40px auto;
				padding: 0;
				position: relative;
				background-color: rgba(60,60,60,0.4);
				border-radius: 6px;
			}

			#mid #hot{
				position: absolute;
				margin-top: 15px;
				margin-left: 10px;
				padding-top: 10px;
				width: 205px;
				height: 400px;
				font-weight: bold;
				float: left;
				border-radius: 3px;
				color: white;
			}
			#mid #hot p{
				margin: 0;
				padding-top: 14px;
				border-bottom: 1px darkslategray solid;
				width: 205px;
				height: 40px;
				background-color: rgba(255,255,255,0.1);
				border-radius: 3px;
				font-size: 18px;
				text-align: left;
			}
			#mid #hot:hover li{
				opacity: 1;
			}
			#mid #hot li{
				position: relative;
				height: 35px;
				padding-top: 10px;
				border-bottom: 1px darkslategray solid;
				background-color: rgba(255,255,255,0.5);
				border-radius: 3px;
				transition: opacity 1s linear;
				opacity: 1;
				list-style-type:none;
			}
			#mid #hot li a{
				text-align: left;
				float: left;
				font-size: 14px;
			}
			#mid #hot li:hover{
				background-color: rgba(255,255,255,0.6);
				height: 120px;
			}
			#mid #hot li:hover h6{
				opacity: 1;
			}

			#mid #hot li:hover img{
				opacity: 1;
			}
			#mid #hot li h6{
				text-align: right;
				opacity: 0;
				transition: all 0.5s linear;
				margin-top: 0;
				margin-bottom: 0;
				line-height: 10px;
				color: dimgray;
			}
			#mid #hot li img{
				margin-top: 5px;
				margin-left: 20px;
				width: 70px;
				height: 70px;
				border-radius: 70px;
				opacity: 0;
				transition: all 0.5s linear;
			}
			#mid #hot li img:hover{
				border-radius: 0;
			}
			
			#mid #img1{
				width: 330px;
				height: 440px;
				position: absolute;
				left: 240px;
				top: 10px;
				background-image: url(images/imgs1-1.jpg);
				background-size: 100% 100%;
				box-shadow: 3px 3px 3px dimgray;
				transition: all 1s;
			}
			#mid #img2{
				width: 240px;
				height: 320px;
				position: absolute;
				left: 585px;
				top: 30px;
				background-image: url(images/imgs2-1.jpg);
				background-size: 100% 100%;
				box-shadow: 3px 3px 3px dimgray;
				transition: all 1s;
			}
			#mid #img3{
				width: 340px;
				height: 255px;
				position: absolute;
				right: 15px;
				top: 90px;
				background-image: url(images/imgs3-1.jpg);
				background-size: 100% 100%;
				box-shadow: 3px 3px 3px dimgray;
				transition: all 1s;
			}
			#mid #img4{
				width: 320px;
				height: 240px;
				position: absolute;
				left: 0px;
				bottom: 80px;
				background-image: url(images/imgs4-1.jpg);
				background-size: 100% 100%;
				box-shadow: 3px 3px 3px dimgray;
				transition: all 1s;
			}
			#mid #img5{
				width: 240px;
				height: 320px;
				position: absolute;
				left: 330px;
				bottom: 10px;
				background-image: url(images/imgs5-1.png);
				background-size: 100% 100%;
				box-shadow: 3px 3px 3px dimgray;
				transition: all 1s;
			}
			#mid #img6{
				width: 500px;
				height: 375px;
				position: absolute;
				left: 585px;
				bottom: 50px;
				background-image: url(images/imgs6-1.jpg);
				background-size: 100% 100%;
				box-shadow: 3px 3px 3px dimgray;
				transition: all 1s;
			}
			#mid #lunbo_button #change-on{
				position: absolute;
				width: 50px;
				height: 50px;
				font-size: 30px;
				right: 35px;
				top: 35px;
				cursor:pointer;
			}
			#mid #lunbo_button #change-off{
				position: absolute;
				width: 50px;
				height: 50px;
				font-size: 30px;
				right: 35px;
				top: 35px;
				cursor:pointer;
				display: none;
			}
			#mid #img1:hover{
				animation: LunBo1 20s linear infinite;
			}
			#mid #img2:hover{
				animation: LunBo2 20s linear infinite;
			}
			#mid #img3:hover{
				animation: LunBo3 20s linear infinite;
			}
			#mid #img4:hover{
				animation: LunBo4 20s linear infinite;
			}
			#mid #img5:hover{
				animation: LunBo5 20s linear infinite;
			}
			#mid #img6:hover{
				animation: LunBo6 20s linear infinite;
			}
			#mid #img1:hover p,#mid #img2:hover p,#mid #img3:hover p,#mid #img4:hover p,#mid #img5:hover p,#mid #img6:hover p{
				opacity: 1;
			}
			#mid #img1 p{
				width: 100%;
				height: 30px;
				padding-top: 9px;
				margin-top: 30px;
				text-align: center;
				background-color: rgba(60,60,60,0.7);
				opacity: 0;
				transition: opacity 1s linear;
			}
			#mid #img2 p{
				width: 100%;
				height: 30px;
				padding-top: 9px;
				margin-top: 270px;
				text-align: center;
				background-color: rgba(60,60,60,0.7);
				opacity: 0;
				transition: opacity 1s linear;
			}
			#mid #img3 p{
				width: 100%;
				height: 30px;
				padding-top: 9px;
				margin-top: 15px;
				text-align: center;
				background-color: rgba(60,60,60,0.7);
				opacity: 0;
				transition: opacity 1s linear;
			}
			#mid #img4 p{
				width: 100%;
				height: 30px;
				padding-top: 9px;
				margin-top: 190px;
				text-align: center;
				background-color: rgba(60,60,60,0.7);
				opacity: 0;
				transition: opacity 1s linear;
			}
			#mid #img5 p{
				width: 100%;
				height: 30px;
				padding-top: 9px;
				margin-top: 10px;
				text-align: center;
				background-color: rgba(60,60,60,0.7);
				opacity: 0;
				transition: opacity 1s linear;
			}
			#mid #img6 p{
				width: 100%;
				height: 35px;
				margin-top: 320px;
				text-align: center;
				background-color: rgba(60,60,60,0.7);
				opacity: 0;
				transition: opacity 1s linear;
			}
			#mid a{
				font-size: 18px;
				text-decoration: none;
				color: white;
			}
			#mid #img6 a{
				font-size: 25px;
				text-decoration: none;
				color: white;
			}
			@keyframes LunBo1{
				0%{
					background-image: url(images/imgs1-1.jpg);
					background-size: 100% 100%;
				}
				25%{
					background-image: url(images/imgs1-2.jpg);
					background-size: 100% 100%;
				}
				50%{
					background-image: url(images/imgs1-3.jpg);
					background-size: 100% 100%;
				}
				75%{
					background-image: url(images/imgs1-4.jpg);
					background-size: 100% 100%;
				}
				100%{
					background-image: url(images/imgs1-1.jpg);
					background-size: 100% 100%;
				}
			}
			@keyframes LunBo2{
				0%{
					background-image: url(images/imgs2-1.jpg);
					background-size: 100% 100%;
				}
				25%{
					background-image: url(images/imgs2-2.jpg);
					background-size: 100% 100%;
				}
				50%{
					background-image: url(images/imgs2-3.jpg);
					background-size: 100% 100%;
				}
				75%{
					background-image: url(images/imgs2-4.jpg);
					background-size: 100% 100%;
				}
				100%{
					background-image: url(images/imgs2-1.jpg);
					background-size: 100% 100%;
				}
			}
			@keyframes LunBo3{
				0%{
					background-image: url(images/imgs3-1.jpg);
					background-size: 100% 100%;
				}
				25%{
					background-image: url(images/imgs3-2.jpg);
					background-size: 100% 100%;
				}
				50%{
					background-image: url(images/imgs3-3.jpg);
					background-size: 100% 100%;
				}
				75%{
					background-image: url(images/imgs3-4.jpg);
					background-size: 100% 100%;
				}
				100%{
					background-image: url(images/imgs3-1.jpg);
					background-size: 100% 100%;
				}
			}
			@keyframes LunBo4{
				0%{
					background-image: url(images/imgs4-1.jpg);
					background-size: 100% 100%;
				}
				25%{
					background-image: url(images/imgs4-2.jpg);
					background-size: 100% 100%;
				}
				50%{
					background-image: url(images/imgs4-3.jpg);
					background-size: 100% 100%;
				}
				75%{
					background-image: url(images/imgs4-4.jpg);
					background-size: 100% 100%;
				}
				100%{
					background-image: url(images/imgs4-1.jpg);
					background-size: 100% 100%;
				}
			}
			@keyframes LunBo5{
				0%{
					background-image: url(images/imgs5-1.png);
					background-size: 100% 100%;
				}
				25%{
					background-image: url(images/imgs5-2.png);
					background-size: 100% 100%;
				}
				50%{
					background-image: url(images/imgs5-3.png);
					background-size: 100% 100%;
				}
				75%{
					background-image: url(images/imgs5-4.jpg);
					background-size: 100% 100%;
				}
				100%{
					background-image: url(images/imgs5-1.png);
					background-size: 100% 100%;
				}
			}
			@keyframes LunBo6{
				0%{
					background-image: url(images/imgs6-1.jpg);
					background-size: 100% 100%;
				}
				25%{
					background-image: url(images/imgs6-2.jpg);
					background-size: 100% 100%;
				}
				50%{
					background-image: url(images/imgs6-3.jpg);
					background-size: 100% 100%;
				}
				75%{
					background-image: url(images/imgs6-4.jpg);
					background-size: 100% 100%;
				}
				100%{
					background-image: url(images/imgs6-1.jpg);
					background-size: 100% 100%;
				}
			}
			#mid_community{
				margin: auto;
			}
			#mid_community .post{
				width: 73%;
				height: 520px;
				margin: 0 auto 0 auto;
				background-color: rgba(255,255,255,1);
				position: relative;
				padding-bottom: 40px;
				border-radius: 10px;
			}
			#mid_community .post .post_head{
				width: 85%;
				height: 120px;
				margin: 0 auto 8px auto;
				padding-top: 10px;
				position: relative;
				border-bottom: 1px gray solid;
				overflow: hidden;
			}
			#mid_community .post .post_title{
				width: 85%;
				padding-top: 20px;
				padding-right: 0;
				font-size: 30px;
				font-weight: bolder;
				float: left;
				color: skyblue;
				cursor: pointer;
			}
			#mid_community .post .post_title:hover{
				color: dimgray;
			}
			#mid_community .post .post_user{
				font-size: 20px;
				color: gray;
				width: 50%;
				height: 20px;
				padding-top:5px;
				position: relative;
				margin-right: 0;
				float: left;
				cursor: pointer;
			}
			#mid_community .post .post_user:hover{
				color: lightseagreen;
			}
			#mid_community .post .post_head img{
				width: 8%;
				max-width: 100px;
				min-width: 80px;
				border-radius: 50%;
				margin-left: 2%;
				float: right;
				position: absolute;
				cursor: pointer;
				right: 5%;
				top: 20px;
				transition: all 0.4s linear;
			}
			#mid_community .post .post_head img:hover{
				border-radius: 0;
			}
			#mid_community .post .post_text{
				width: 85%;
				margin: 20px auto;
				font-size: 16px;
				overflow: hidden;
				white-space:nowrap;
				text-overflow:ellipsis;
			}
			#mid_community .post .post_img{
				width: 90%;
				margin: 0 auto;
			}
			#mid_community .post .post_img img{
				width: 27%;
				border-radius: 3px;
			}
			#mid_community .post .post_bottom{
				width: 85%;
				height: 30px;
				margin: 20px auto;
				border-bottom: 1px  solid;
			}
			#bottom{
				margin-top: 100px;
				width: 100%;
				height: 250px;
				background-color: rgba(0,0,0,0.5);
				overflow:hidden;
				float: left;
			}
			#bottom a{
				font-size: 19px;
				text-decoration: none;
				color: wheat;
			}
			#bottom .bottom_list{
				width: 12%;
				height: 200px;
				float: left;
				margin-left: 80px;
			}
			#bottom .bottom_title{
				color: white;
				font-weight: bolder;
				margin-top: 20px;
			}
			#bottom ul{
				padding: 0;
			}
			#bottom ul li{
				list-style: none;
			}
			#bottom ul li a{
				line-height: 17px;
				font-size: 15px;
				color: white;
			}
			#bottom ul li a:hover{
				color: gray;
				border-bottom: 1px gray solid;
			}
			#bottom .bottom_img{
				width: 15%;
				margin-top: 25px;
				margin-left: 20px;
				float: left;
			}
			#bottom .bottom_img img{
				width: 60%;
			}
			#bottom .bottom_last{
				width: 100%;
				height: 20px;
				margin: 0 auto 5px auto;
				float: left;
				border-bottom: 1px white solid;
			}
			.button1{
				width: 40px;
				height: 40px;
				border-radius: 40px;
				right: 20px;
				bottom: 50px;
				position: fixed;
				text-decoration: none;
				background-color: rgba(0,0,0,0.6);
			}
			.button2{
				width: 40px;
				height: 40px;
				border-radius: 40px;
				right: 20px;
				bottom: 100px;
				position: fixed;
				background-color: rgba(0,0,0,0.6);
			}
			#page_number{
				width: 400px;
				margin: 40px auto 40px auto;
			}
			#page_number li{
				float: left;
				color: white;
				list-style: none;
				width: 35px;
				height: 28px;
				padding-top: 7px;
				margin-left: 8px;
				font-size: 20px;
				font-weight: bolder;
				text-align: center;
				border-radius: 30px;
				cursor: pointer;
			}
			#page_number li:hover{
				background-color: gainsboro;
			}
			#top-shop{
				position: relative;
				width: 85%;
				background-color: rgba(255,255,255,0.98);
				margin: 95px auto 30px;
				padding: 10px 0;
				border-radius: 10px;
				overflow: hidden;
			}
			#top-shop .shop-items{
				width: 95%;
				height: 30px;
				margin: 12px auto;
				display: flex;
				align-items: center;
			}
			#top-shop .shop-items p{
				width: 10%;
				font-size: 20px;
				font-weight: bolder;
				margin: 3px 5px 5px 5px;
				float: left;
			}
			#top-shop .shop-items li{
				width: 11%;
				margin: 0 10px;
				float: left;
			}
			#top-shop .shop-items li a{
				width: 100%;
				font-size: 15px;
				color: lightslategray;
				overflow: hidden;
				white-space:nowrap;
				text-overflow:ellipsis;
			}
			#top-shop .shop-items li a:hover{
				color: dimgray;
			}
			#mid-shop{
				width: 80%;
				margin: 30px auto 0;
				border: 1px gray solid;
				position: relative;
				background-image: url(images/prism.png);
			}
			.shop{
				width: 100%;
				margin: 20px auto;
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
			}
			.shop_title{
				width: 90%;
				height: 30px;
				font-size: 20px;
				margin: 20px auto 0 auto;
				color: white;
				font-weight: bold;
				border-bottom: 1px white solid;
			}
			.shop .shop_goods{
				width: 17%;
				margin: 7px 1.5%;
				position: relative;
				overflow: hidden;
			}
			.shop .shop_goods img{
				width: 100%;
				transition: all 0.2s linear;
			}
			.shop .shop_goods img:hover{
				transform: scale(1.05);
			}
			.shop .shop_goods .goods_price{
				position: absolute;
				margin: 0;
				right: 8px;
				bottom: 8px;
				color: white;
				width: 100%;
				text-align: right;
				font-size: 14px;
			}
			.shop .shop_goods .goods_detail{
				position: absolute;
				width: 100%;
				height: 100%;
				margin: 0;
				padding-top: 7px;
				padding-left: 5px;
				top: 0;
				color: white;
				background-color: rgba(0,0,0,0.5);
				opacity: 0;
				cursor: pointer;
				font-size: 13px;
				transition: all 0.2s linear;
			}
			.shop .shop_goods:hover .goods_detail{
				opacity: 1;
				transform: scale(1.05);
			}
			.shop .shop_goods:hover img{
				transform: scale(1.05);
			}
			#log_on{
				position: fixed;
				width: 60%;
				height: 500px;
				margin-left: 20%;
				margin-right: 20%;
				top: 100px;
				background-color: rgba(0,0,0,0.85);
				z-index: 1000;
				display: none;
			}
			#log_on_top{
				width: 100%;
				height: 25px;
				margin-top: 15px;
			}
			#log_on_top_title{
				width: 93%;
				color: white;
				font-weight: bolder;
				font-size: 22px;
				text-align: center;
				float: left;
			}
			#log_on_close{
				width: 5%;
				font-size: 16px;
				color: gray;
				text-align: right;
				float: left;
				cursor: pointer;
			}
			#log_on_close:hover{
				color: darkred;
			}
			#log_on_left{
				width: 50%;
				margin-top: 50px;
				float: left;
				color: white;
				border-right: 1px dimgray solid;
			}
			#log_on_left h3,#log_on_right h3{
				width: 80%;
				margin: 0 auto;
				text-align: center;
			}
			#log_on_left form{
				width: 80%;
				margin: 10px auto;
			}
			#log_on_left form .input1{
				width: 80%;
				margin: 20px 10% 30px;
				height: 35px;
			}
			#log_on_left form .input2{
				width: 80%;
				margin: 5px 10% 15px;
				height: 35px;
			}
			#log_on_left form #checkbox{
				widows: 80%;
				margin: 10px 10%;
				font-size: 14px;
			}
			#log_on_left form button{
				width: 40%;
				height: 50px;
				margin: 30px 30% 0;
				font-size: 16px;
				cursor: pointer;
				border-radius: 2px;
				border: 0;
				background-color: ghostwhite
			}
			#log_on_left a{
				width: 80%;
				margin: 10px 10% 0 10%;
				color: #5F9EA0;
				text-decoration: none;
			}
			#log_on_left a:active{
				color: white;
			}
			#log_on_left a:hover{
				color: skyblue;
				
			}
			#log_on_right{
				width: 49%;
				margin-top: 50px;
				float: left;
				color: white;
			}
			#log_on_right img{
				width: 50%;
				margin: 30px 25%;
				border-radius: 2px;
			}
			#main_title{
				width: 80%;
				margin: 110px auto 30px;
				color: white;
			}
			#main_left{
				width: 60%;
				margin-left: 9%;
				float: left;
				background-color: white;
				background-image: url(images/prism.png);
			}
			#main_left h1{
				width: 90%;
				margin: 20px auto 10px;
				color: white;
			}
			#main_left .author_line{
				width: 90%;
				height: 50px;
				margin: 15px auto;
				border-bottom: 1px gray dashed;
			}
			#main_left .author_line p{
				float: left;
				margin: 0 10px 0 0;
				color: gray;
			}
			#main_left h5{
				width: 90%;
				margin: 5px auto;
				color: whitesmoke;
			}
			#main_left a{
				text-decoration: none;
				float: left;
				margin: 0 5px;
				color: #5F9EA0;
			}
			#main_left a:active{
				color: #87CEEB;
			}
			#main_left a:hover{
				color: lightblue;
			}
			#main_left img{
				width: 90%;
				margin: 10px 5%;
			}
			#main_left .right_title{
				width: 90%;
				margin: 25px auto 10px;
				color: white;
			}
			#main_left .left_more{
				width: 26%;
				margin: 10px 3.5%;
				float: left;
			}
			#main_left .left_more img{
				width: 80%;
				margin: 0 10%;
				overflow: hidden;
				transition: transform 0.2s linear;
			}
			#main_left .left_more img:hover{
				transform: scale(1.06);
			}
			#main_left .left_more h5{
				width: 80%;
				margin: 5px 10%;
				color: white;
				cursor: pointer;
			}
			#main_left .left_more h5:hover{
				color: #778899;
			}
			#main_left .left_more h6{
				width: 80%;
				margin: 5px 10%;
				color: skyblue;
				overflow: hidden;
				white-space:nowrap;
				text-overflow:ellipsis;
			}
			#main_right{
				width: 27%;
				height: 650px;
				margin-left: 1%;
				margin-right: 3%;
				float: left;
			}
			#main_right #right_top{
				width: 80%;
				height: 130px;
				margin: 0 auto 30px;
				background-image: url(images/spikes.png);
				overflow: hidden;
				display: flex;
				align-items: center;
				box-shadow: 0 0 1px 2px whitesmoke;
			}
			#main_right #right_top img{
				width: 40%;
				max-width: 100px;
				margin-right: 20px;
				margin-left: 20px;
			}
			#main_right #right_top a{
				margin: 0;
				font-weight: bolder;
				text-decoration: none;
				color: black;
			}
			#main_right #right_top a:hover{
				color: #696969;
			}
			#main_right h3{
				width: 80%;
				margin: 10px auto;
				color: white;
			}
			#main_right #author{
				width: 80%;
				margin: 10px auto;
				overflow: hidden;
				background-image: url(images/greek-vase.png);
			}
			#main_right #author .author_top{
				width: 60%;
				margin: 20px auto 0;
			}
			#main_right #author .author_top p{
				cursor: pointer;
			}
			#main_right #author .author_top p:hover{
				color: #696969;
			}
			#main_right #author .author_top img{
				width: 60%;
				border-radius: 60%;
				margin: 20px 20% 0;
				cursor: pointer;
			}
			#main_right #author p{
				width: 100px;
				margin: 5px auto;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
			}
			#main_right #author .mid_author{
				width: 30%;
				float: left;
				margin: 10px 0;
			}
			#main_right #author #author_mid{
				width: 90%;
				margin: 0 auto;
				display: flex;
				justify-content: center;
			}
			#main_right #author .mid_author .author_num{
				width: 100%;
				float: left;
				font-size: 24px;
				font-weight: bold;
				color: black;
				text-align: center;
				cursor: pointer;
			}
			#main_right #author .mid_author .author_item{
				width: 100%;
				float: left;
				font-size: 15px;
				color: dimgray;
				text-align: center;
				cursor: pointer;
			}
			#main_right #author .mid_author .author_num:hover,#main_right #author .mid_author .author_item:hover{
				color: #5F9EA0;
			}
			#main_right #author #author_bottom{
				width: 100%;
				margin: 15px 0;
				display: flex;
				justify-content: center;
			}
			#main_right #author #author_bottom a{
				text-decoration: none;
				width: 40%;
				height: 30px;
				padding-top: 10px;
				font-size: 15px;
				margin: 10px 4.5%;
				border: 1px black solid;
				font-weight: bolder;
				text-align: center;
			}
			#main_right #author #author_bottom .author_bottom_a1{
				color: black;
				background-color: whitesmoke;
			}
			#main_right #author #author_bottom .author_bottom_a2{
				color: white;
				background-color: black;
			}
			#main_right #author #author_bottom .author_bottom_a1:hover{
				color: white;
				background-color: black;
			}
			#main_right #author #author_bottom .author_bottom_a2:hover{
				color: black;
				background-color: whitesmoke;
			}
			#main_right .right_title{
				width: 50%;
				margin: 20px 40% 20px 10%;
				padding-bottom: 15px;
				border-bottom: 2px white solid;
				color: whitesmoke;
			}
			#main_right .author_share{
				width: 80%;
				height: 150px;
				margin: 10px auto 0;
			}
			#main_right .author_share img{
				float: left;
				width: 40%;
			}
			#main_right .author_share .share_word{
				width: 55%;
				margin-left: 5%;
				float: left;
				color: white;
			}
			#main_right .author_share .share_word h3{
				margin: 5px 0;
				cursor: pointer;
			}
			#main_right .author_share .share_word h3:hover{
				color: #FFE4C4;
			}
			#main_right .author_share .share_word h5{
				margin: 5px 0;
			}
			#main_right .author_share .share_word p{
				margin-top: 5px;
				color: #808080;
				cursor: pointer;
			}
			#main_right .author_share .share_word p:hover{
				color: #F0F8FF;
			}
			#main_right .author_equipment{
				width: 70%;
				margin: 10px 20% 10px 10%;
				position: relative;
				overflow: hidden;
			}
			#main_right .author_equipment img{
				width: 100%;
			}
			#main_right .author_equipment p{
				width: 100%;
				height: 100%;
				margin: 0;
				padding-top: 10px;
				position: absolute;
				top: 0;
				color: white;
				text-align: center;
				font-size: 18px;
				font-weight: bold;
				background-color: rgba(0,0,0,0.35);
				cursor: pointer;
				transition: all 0.3s linear;
			}
			#main_right .author_equipment p:hover{
				background-color: rgba(0,0,0,0.1);
			}
			#main_right #thumbs_up{
				width: 80%;
				margin: 10px 10%;
				display: flex;
				flex-wrap: wrap;
				background-color: rgba(255,255,255,0.3);
				border-radius: 3px;
				transition: background-color 0.3s linear;
			}
			#main_right #thumbs_up:hover{
				background-color: rgba(255,255,255,0.5);
			}
			#main_right #thumbs_up img{
				width: 24%;
				margin: 8px 4.5%;
				border-radius: 50%;
				cursor: pointer;
				transition:  all 0.1s linear;
			}
			#main_right #thumbs_up img:hover{
				transform: scale(1.15);
			}
			#shop_detail_left{
				width: 50%;
				margin-left: 8%;
				float: left;
			}
			#shop_detail_right{
				width: 33%;
				height: 500px;
				margin: 0 6% 0 3%;
				float: left;
			}
			
            /* 内容页2轮播部分 */
			.wrap{
				width: 100%;
				height: 600px;
				position: relative;
			}
			.wrap ul{
				width: 100%;
				height: 400px;
				margin: 0;
				padding: 0;
				position: relative;
				top: 20px;
			}
			.wrap ul li{
				position: absolute;
				width: 100%;
				top: 0;
/* 				left: 5%;
				right: 5%; */
				opacity: 0;
			}
			#pic img{
				width: 100%;
				max-width: 800px;
			}
			.wrap ol{
				width: 100%;
				margin-top: 150px;
				padding: 0;
				float: left;
				display: flex;
				flex-flow: row nowrap;
				justify-content: space-around;
				align-items: center;
			}
			.wrap ol li{
				width: 15%;
				border: 1px gray solid;
				color: white;
				font-weight: bolder;
				float: left;
				cursor: pointer;
			}
			.wrap ol li img{
				padding-top: 3px;
				width: 100%;
			}
			.wrap ol li.on{
				border-color: cadetblue;
			}
			/* 内容页2轮播部分 */
			/* 内容页右边部分 */
			#shop_detail_right h1{
				width: 90%;
				font-weight: 500;
				margin-bottom: 0;
			}
			#shop_detail_right h4{
				margin-top: 10px;
				font-weight: 400;
				color: #5F9EA0;
			}
			#shop_detail_right h3{
				width: 12%;
				color: dimgrey;
				font-weight: 500;
				float: left;
				margin: 10px 0;
			}
			#shop_detail_right p{
				width: 80%;
				margin: 0;
				color: #000000;
				font-size: 30px;
				font-weight: bold;
				float: left;
			}
			#shop_detail_right ul{
				width: 80%;
				margin: 10px 5%;
				padding: 0;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}
			#shop_detail_right ul li{
				width: 40%;
				height: 38px;
				padding-top: 10px;
				font-size: 18px;
				font-weight: 400;
				margin: 10px 4.5%;
				border: 1px gray solid;
				text-align: center;
				cursor: pointer;
			}
			#shop_detail_right ul li:hover{
				background-color: black;
				color: white;
			}
			#shop_detail_right .shop_detail_right1,#shop_detail_right .shop_detail_right2{
				width: 35%;
				margin: 60px 3% 10px 8%;
				padding-top: 15px;
				height: 45px;
				text-align: center;
				font-size: 20px;
				color: white;
				background-color: #000000;
				border: 1px black solid;
				cursor: pointer;
			}
			#shop_detail_right .shop_detail_right2{
				margin: 60px 8% 10px 3%;
				color: black;
				background-color: whitesmoke;
			}
			#shop_detail_right .shop_detail_right2:hover{
				color: white;
				background-color: black;
			}
			#shop_detail_right .shop_detail_right1:hover{
				color: black;
				background-color: whitesmoke;
			}
			
			/* 内容页右边部分 */
			.mid_goods_detail{
				width: 80%;
				margin: 20px 10%;
				height: 40px;
				position: relative;
				margin-top: 750px;
				border-bottom: 1px black dashed;
			}
			#shop_detail_mid{
				width: 80%;
				margin: 20px 10%;
				overflow: hidden;
				background-color: whitesmoke;
			}
			#shop_detail_mid ul li{
				list-style: initial;
				color: #696969;
				font-size: 16px;
				cursor: pointer;
				margin-top: 15px;
				margin-left: 20px;
			}
			#shop_detail_mid ul li:hover{
				color: #5F9EA0;
				list-style: initial;
				text-decoration: underline;
			}
			#shop_detail_mid h4{
				width: 90%;
				margin-top: 40px;
				margin-left:3%;
			}
			#shop_detail_mid img{
				width: 70%;
				margin: 15px 15% 30px;
			}
			#shop_detail_mid li{
				width: 30%;
				margin: 5px 12%;
				font-size: 22px;
				color: dimgrey;
				list-style: initial;
				cursor: pointer;
			}
			#shop_detail_mid li:hover{
				color: palevioletred;
				text-decoration: underline;
			}
			#shop_detail_mid .shop_detail_mid{
				width: 75%;
				margin: 30px 12.5%;
				padding-bottom: 20px;
				background-color: rgba(0,191,255,0.15);
				overflow: hidden;
			}
			#shop_detail_mid .shop_detail_mid h2{
				margin:10px 15px 20px;
				margin-left: 3%;
				color: grey;
			}
			#shop_detail_mid .shop_detail_mid h4{
				width: 70%;
				margin: 10px 0 10px 3%;
				color: black;
				cursor: pointer;
			}
			#shop_detail_mid .shop_detail_mid h4:hover{
				color: slategray;
			}
			
			/* 模块页2部分 */
			#user-head{
				position: relative;
				width: 80%;
				margin: 100px auto 30px;
				padding-bottom: 5px;
				border-bottom: 1px solid black;
				font-size: 20px;
			}
			#user_left{
				width: 54%;
				margin: 15px 1% 30px 7%;
/* 				background-color: #5F9EA0; */
				float: left;
				position: relative;
			}
			#user_right{
				width: 28%;
				margin: 15px 8% 30px 2%;
				background-color: rgba(0,0,0,0.2);
				float: left;
			}
			#user-head-area{
				width: 90%;
				height: 200px;
				margin: 0px auto;
				background-color: white;
				background-image: url(images/prism.png);
			}
			#user-head-area img{
				width: 20%;
				margin-top: 30px;
				margin-left: 30px;
				float: left;
			}
			#user-head-area #user-head-word{
				width: 70%;
				margin-top: 20px;
				margin-left: 30px;
				float: left;
				color: white;
			}
			#user-head-area #user-head-word h2{
				width: 30%;
				background: linear-gradient(to right, white,dimgray);
				-webkit-background-clip: text;
				color: transparent;
			}
			#user-head-area #user-head-word h2:hover{
				background: linear-gradient(to right, dimgray,white);
				-webkit-background-clip: text;
				color: transparent;
			}
			#user-head-area #user-head-word h4{
				color: palevioletred;
				margin-top: 40px;
				margin-bottom: 3px;
			}
			#user-head-area #user-head-word p{
				margin-top: 10px;
				margin-bottom: 0;
				cursor: pointer;
				color: rgba(255,255,255,0.7);
			}
			#user-head-area #user-head-word p:hover{
				color: rgba(255,255,255,0.9);
			}
			#user_left #equipment_title{
				width: 90%;
				margin: 20px auto 10px;
				border-bottom: 1px dimgray dashed;
			}
			#user_left #equipment_title h3{
				margin-bottom: 10px;
				color: dimgray;
			}
			#user_left_equipment{
				width: 100%;
				background-color: rgba(255,255,255,0.6);
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}
			#user_left_equipment .author_equipment{
				width: 42%;
				margin: 10px 3%;
				position: relative;
				overflow: hidden;
			}
			#user_left_equipment .author_equipment img{
				width: 100%;
				margin: 0;
			}
			#user_left_equipment .author_equipment p{
				width: 100%;
				height: 92%;
				margin: 0;
				padding-top: 3%;
				position: absolute;
				top: 0;
				color: white;
				text-align: center;
				font-size: 18px;
				font-weight: bold;
				background-color: rgba(0,0,0,0.35);
				cursor: pointer;
				transition: all 0.2s linear;
			}
			#user_left_equipment .author_equipment p:hover{
				background-color: rgba(0,0,0,0.1);
			}
			#left_invitation{
				width: 100%;
				margin: 10px 0;
				background-color: rgba(255,255,255,0.6);
				overflow: hidden;
			}
			#left_invitation .left_invitation{
				width: 90%;
				margin: 10px 5%;
				overflow: hidden;
				background-image: url(images/greek-vase.png);
			}
			#left_invitation .left_invitation h2{
				width: 40%;
				margin: 10px 20px 0;
				cursor: pointer;
				background: linear-gradient(to right, black,whitesmoke);
				-webkit-background-clip: text;
				color: transparent;
			}
			#left_invitation .left_invitation h5{
				margin: 10px 20px 5px;
				color: dimgray;
			}
			#left_invitation .left_invitation img{
				width: 29%;
				margin: 5px 2% 10px;
				float: left;
				cursor: pointer;
			}
			#user_right #author_mid{
				width: 80%;
				margin: 10px auto;
				border-radius: 3px;
				display: flex;
				justify-content: center;
				background-color: whitesmoke;
			}
			#user_right #author_mid .mid_author{
				width: 30%;
				margin: 0;
			}
			#user_right #author_mid .mid_author .author_num{
				width: 100%;
				margin-top: 15px;
				margin-bottom: 10px;
				float: left;
				font-size: 24px;
				font-weight: bold;
				color: black;
				text-align: center;
				cursor: pointer;
			}
			#user_right #author_mid .mid_author .author_item{
				width: 100%;
				margin-top: 0;
				float: left;
				font-size: 15px;
				color: dimgray;
				text-align: center;
				cursor: pointer;
			}
			#user_right #author_mid .mid_author .author_num:hover,#main_right #author .mid_author .author_item:hover{
				color: palevioletred;
			}
			#user_right h3{
				width: 80%;
				margin: 25px 10% 15px;
				padding-bottom: 5px;
				color: indianred;
				border-bottom: 1px palevioletred dashed;
			}
			.present_bookmark{
				width: 80%;
				margin: 10px 10%;
				padding: 10px 0;
				overflow: hidden;
				background-color: whitesmoke;
				border-radius: 3px;
			}
			.present_bookmark a{
				width: 95%;
				margin: 10px 0 10px 5%;
				float: left;
				color: dimgrey;
			}
			.present_bookmark a:hover{
				color: indianred;
				text-decoration: underline;
			}
			.present_visit{
				width: 80%;
				margin: 10px 10%;
				padding: 5px 0;
				border-radius: 3px;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				background-color: whitesmoke;
			}
			.present_visit .visitor{
				width: 22%;
				margin: 5px 1.5%;
			}
			.present_visit .visitor img{
				width: 78%;
				margin: 5px 11% 0;
				border-radius: 50%;
			}
			.present_visit .visitor img:hover{
				transform: scale(1.05);
			}
			.present_visit .visitor h5{
				width: 78%;
				margin: 0 11%;
				text-align: center;
				cursor: pointer;
			}
			.present_visit .visitor h5:hover{
				color: #87CEEB;
			}
			/* 模块页2部分 */
			
			